<template>
  <div class="detail">
    <Theme :theme="theme"></Theme>
    <div class="content">
      <van-tabs v-model="activeName">
        <van-tab title="全部" name="a">
          <Wu></Wu>
        </van-tab>
        <van-tab title="充值记录" name="b"> <Wu></Wu></van-tab>
        <van-tab title="消费记录" name="c"> <Wu></Wu></van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import Wu from "@/components/lsc/wu.vue";
import Theme from "../../components/lsc/theme.vue";

export default {
  components: {
    Wu,
    Theme,
  },
  methods: {},
  data() {
    return {
      activeName: "a",
      theme: "余额明细",
    };
  },
};
</script>

<style scoped>
.detail {
  width: 100%;
  min-height: 6.4rem;
  background-color: #fbfbfb;
}
/deep/.van-nav-bar {
  background-color: #f5f5f5;
}
/deep/.van-nav-bar .van-icon {
  color: gray;
}
.content {
  width: 100%;
  padding-top: 0.46rem;
}
/deep/.van-tabs__line {
  width: 1.27rem;
  background-color: #23467a;
}
/deep/.van-tab--active {
  color: #23467a;
}
/deep/.van-tab__text--ellipsis {
  font-size: 0.18rem;
}
</style>